
function TextoInicio()
{
    var bienvenida = doc.createElement("div");
    bienvenida.setAttribute("id", "bienvenida");

    var pbienv = doc.createElement("p");
    pbienv.setAttribute("id", "pbienv");
    pbienv.setAttribute("class", "parrafos1");
    pbienv.innerHTML = "Bienvenidos(as)";
    bienvenida.appendChild(pbienv);

    var ptextbienv = doc.createElement("p");
    ptextbienv.setAttribute("id", "ptextbienv");
    ptextbienv.setAttribute("class", "parrafos2");
    ptextbienv.innerHTML = "Bienvenidos y bienvenidas" +
            " al Sistema Gestor de Proyectos de la catedra de Ingeniería de Sistemas" +
            " de la Escuela de Informatica de la Universidad Nacional de Costa Rica." +
            " Esperando que éste portal sea de gran utilidad para los estudiantes , profesores, ademas para las" +
            " empresas de todo el país que esten necesitando el desarrollo de un software de calidad.  </br> </br>" +
            " La formación de profesionales conscientes de las necesidades del país es uno de los objetivos" +
            " principales de la Escuela de Informática. La innovación , la excelencia, el humanismo, trabajo en equipo," +
            " con espíritu positivo y de mucha colaboración son algunas de las características de los estudiantes de la Escuela" +
            " de Informática. </br> </br>" +
            " Estos jóvenes cursan durante cuatro años materias cuyos contenidos y vivencias los preparan para afrontar los" +
            " retos del día a día. Esto permite al estudiante tener una experiencia laboral en una empresa durante" +
            " un ciclo lectivo. Así se enfrenta a este mercado laboral de una forma más confiable. Para satisfacción de la" +
            " comunidad de la Escuela de Informática se tiene acreditada la carrera Ingeniería en Sistemas de Información por" +
            " parte del Sistema Nacional de Acreditación para la Educación Superior (SINAES) .</br>";

    bienvenida.appendChild(ptextbienv);

    document.getElementById("subAlterno").appendChild(bienvenida);
}
;

function TextNosotros()
{
    var nosotros = doc.createElement("div");
    nosotros.setAttribute("id", "nosotros");

    var pnos = doc.createElement("p");
    pnos.setAttribute("id", "pnos");
    pnos.setAttribute("class", "parrafos1");
    pnos.innerHTML = "Nosotros";
    nosotros.appendChild(pnos);

    var ptextnos = doc.createElement("p");
    ptextnos.setAttribute("id", "ptextnos");
    ptextnos.setAttribute("class", "parrafos2");
    ptextnos.innerHTML =
            "<b>Misión</b> </br>" + "Formar profesionales altamente competitivos en tecnologías de la" +
            " información y comunicación, e informática educativa, y contribuir a la capacitación de la población" +
            " en el uso de la tecnología de la información para propiciar el desarrollo humano de la sociedad" +
            " costarricense. </br> </br>" +
            "&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>Visión</b></br>" +
            " Ser la catedra que busca formar profesionales capaces de satisfacer la demanda del mercado laboral.</br> " +
            " Liderar como Escuela, el desarrollo de las tecnologías de la información y de la comunicación en Costa Rica" +
            " mediante su creación, promoción y uso en las distintas áreas del conocimiento, como un motor para el" +
            " desarrollo humano que contribuya a lograr una sociedad justa, equitativa y solidaria.";
    nosotros.appendChild(ptextnos);

    document.getElementById("subAlterno").appendChild(nosotros);
}
;

function TextProyectos()
{
    var proyectos = doc.createElement("div");
    proyectos.setAttribute("id", "proyectos");

    var pproy = doc.createElement("p");
    pproy.setAttribute("id", "pproy");
    pproy.setAttribute("class", "parrafos1");
    pproy.innerHTML = "Proyectos";
    proyectos.appendChild(pproy);

    var ptextproy = doc.createElement("p");
    ptextproy.setAttribute("id", "ptextproy");
    ptextproy.setAttribute("class", "parrafos2");
    ptextproy.innerHTML = "";
    proyectos.appendChild(ptextproy);

    document.getElementById("subAlterno").appendChild(proyectos);
}
;

function TextContactenos()
{
    var contactenos = doc.createElement("div");
    contactenos.setAttribute("id", "contactenos");

    var pcont = doc.createElement("p");
    pcont.setAttribute("id", "pcont");
    pcont.setAttribute("class", "parrafos1");
    pcont.innerHTML = "Contáctenos";
    contactenos.appendChild(pcont);

    document.getElementById("subAlterno").appendChild(contactenos);
    tablaContactenos();

    var mapita = doc.createElement("div");
    mapita.setAttribute("id", "map-canvas");
    var br = doc.createElement("br");
    var br2 = doc.createElement("br");
    document.getElementById("subAlterno").appendChild(br);
    document.getElementById("subAlterno").appendChild(br2);
    document.getElementById("subAlterno").appendChild(mapita);
    initialize();
}
;

var map;
function initialize() {
    var mapOptions = {
        zoom: 16,
        center: new google.maps.LatLng(9.970707, -84.128979)
    };
    var mapDiv = document.getElementById('map-canvas');
    map = new google.maps.Map(mapDiv, mapOptions);
}
;

function eventMap(info1, info2) {
    var mapOptions = {
        zoom: 16,
        center: new google.maps.LatLng(info1, info2)
    };
    var mapDiv = document.getElementById('map-canvas');
    map = new google.maps.Map(mapDiv, mapOptions);
}
;

function  tablaContactenos() {

    var tabla = document.createElement("table");
    tabla.setAttribute("id", "dataContactenos");

    var thead = document.createElement("thead");
    thead.setAttribute("id", "datahContactenos");

    var tbody = document.createElement("tbody");
    tbody.setAttribute("id", "databContactenos");

    var nombre = document.createElement("th");
    nombre.innerHTML = " Nombre";
    var posicion = document.createElement("th");
    posicion.innerHTML = " Ubicación ";
    var telefono = document.createElement("th");
    telefono.innerHTML = " Teléfono(s) ";
    var correo = document.createElement("th");
    correo.innerHTML = " Correo ";

    thead.appendChild(nombre);
    thead.appendChild(posicion);
    thead.appendChild(telefono);
    thead.appendChild(correo);

    tabla.appendChild(thead);
    tabla.appendChild(tbody);

    var tb = tabla.tBodies[0];

    var Latitud11 = 9.970707;
    var Longitud12 = -84.128979;
    var tr = tb.insertRow(0);
    tr.setAttribute("onclick", "eventMap(" + Latitud11 + ", " + Longitud12 + ")");
    tr.setAttribute("title", "Click para ir a la ubicación");

    var a1 = tr.insertCell(0);
    var b1 = tr.insertCell(1);
    var c1 = tr.insertCell(2);
    var d1 = tr.insertCell(3);
    a1.innerHTML = "Maria Marta Sandoval";
    b1.innerHTML = Latitud11 + "</br>" + Longitud12;
    c1.innerHTML = "22773340</br>22773993";
    d1.innerHTML = "msandova@una.cr";
//////////////////////////////////////////////////////////////////////////////////////////////////
    var Latitud21 = 9.970707;
    var Longitud22 = -84.128979;
    var tr2 = tb.insertRow(1);
    tr2.setAttribute("onclick", "eventMap(" + Latitud21 + ", " + Longitud22 + ")");
    tr2.setAttribute("title", "Click para ir a la ubicación");
    var a2 = tr2.insertCell(0);
    var b2 = tr2.insertCell(1);
    var c2 = tr2.insertCell(2);
    var d2 = tr2.insertCell(3);
    a2.innerHTML = "Óscar Ramírez Rodríguez";
    b2.innerHTML = Latitud21 + "</br>" + Longitud22;
    c2.innerHTML = "0";
    d2.innerHTML = "oramirez1191@gmail.com";

    document.getElementById("subAlterno").appendChild(tabla);
}
;

function TextInicioContactos()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Inicio de Empresas <br>";
    document.getElementById("subDiv").appendChild(textoGuia);
    elementosInicioContacto();
}
;

function TextInicioProfesores()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Inicio de Profesores <br>";
    document.getElementById("subDiv").appendChild(textoGuia);
    elementosInicioProfesor();
}
;

function TextInicioAdministrativos()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Inicio de Administrativos <br>";
    document.getElementById("subDiv").appendChild(textoGuia);
    elementosInicioAdministrativo();
}
;

function textoBienvenidaEmpresas()
{
    var divTextosBienvenida = doc.createElement("div");
    divTextosBienvenida.setAttribute("id", "divTextosBienvenida");

    var parrafo = doc.createElement("p");
    parrafo.setAttribute("class", "parrafos2");
    parrafo.innerHTML = "Este sistema cuenta con un catálogo de empresas," +
            " donde las mismas podrán dejar sus datos, con la finalidad de plasmar la solicitud o los servicios que" +
            " requiera para poder cubrir alguna solución informática. </br> </br> Dicha solicitud cuenta con tres modalidades a elegir, según su necesidad: Proyecto de ingeniería" +
            " en sistemas, Proyecto para práctica profesional supervisada y Proyecto de graduación. Dichas modalidades se explicán mas adelante. </br> Los estudiantes podrán" +
            " tener acceso a los datos de las empresas y solicitudes, con el fin de contactarse con la empresa elegida.";

    divTextosBienvenida.appendChild(parrafo);
    document.getElementById("empresas").appendChild(divTextosBienvenida);
}
;

function imagenesBienvenidaEmpresas()
{
    var divGuiasBienvenida = doc.createElement("div");
    divGuiasBienvenida.setAttribute("id", "divGuiasBienvenida");

    var imgBienvenida = doc.createElement("img");
    imgBienvenida.setAttribute("id", "imagenBienvenida");
    imgBienvenida.setAttribute("src", "imagenes/bienEmpresas.jpg");

    divGuiasBienvenida.appendChild(imgBienvenida);

    document.getElementById("empresas").appendChild(divGuiasBienvenida);
}
;

function elementosInicioContacto()
{
    var divTextosInicioCont = doc.createElement("div");
    divTextosInicioCont.setAttribute("id", "divTextosInicioCont");

    divTextosInicioCont.innerHTML = "<img style='float: right; padding: 2%;' src='imagenes/imgemp.jpg' /> Este sistema cuenta con un catálogo de empresas," +
            " en esta plataforma podrán dejar sus datos, con la finalidad de plasmar la solicitud" +
            " de proyectos que neseciten realizar en sus organizaciones.</br></br>" +
            "<b>*Modalidades de Proyectos disponibles para las solicitudes de proyecto:</b> </br>" +
            "<b>Ingeniería de Sistemas: </b>Proyecto de 18 meses de duración para los cursos de Ingeniería de Sistemas de los estudiantes.</br>" +
            "<b>Práctica Profesional(PPS): </b>Trabajo durante 6 meses(20 hrs semanales mínimas) que los estudiantes deben cumplir para obtener su título.</br>" +
            "<b>Proyecto de Graduación: </b>Proyecto de 12 meses de duración para un postgrado.";

    document.getElementById("subDiv").appendChild(divTextosInicioCont);
}
;

function elementosInicioProfesor()
{
    var divTextosInicioPro = doc.createElement("div");
    divTextosInicioPro.setAttribute("id", "divTextosInicioPro");

//    divTextosInicioCont.innerHTML = "<img style='float: right; padding: 2%;' src='imagenes/imgpro.jpg' />";
    divTextosInicioPro.innerHTML = "<img style='padding: 2%;' src='imagenes/imgpro.jpg' />";

    document.getElementById("subDiv").appendChild(divTextosInicioPro);

}
;

function elementosInicioAdministrativo()
{
    var divTextosInicioAdm = doc.createElement("div");
    divTextosInicioAdm.setAttribute("id", "divTextosInicioAdm");

//    divTextosInicioCont.innerHTML = "<img style='float: right; padding: 2%;' src='imagenes/imgadmin.png' />";
    divTextosInicioAdm.innerHTML = "<img style='padding: 2%;' src='imagenes/imgadmin.png' />";

    document.getElementById("subDiv").appendChild(divTextosInicioAdm);
}
;

function cargaTextoBienvenidaEstudiantes()
{
    var textoGuia = document.createElement("h3");
    textoGuia.setAttribute("class", "accordion-head");
    textoGuia.innerHTML = "<span class='accordion-head-image'></span> Solicitudes de Proyecto <br><br>";

    var divEstudiantesTexto = doc.createElement("div");
    divEstudiantesTexto.setAttribute("id", "divEstudiantesTexto");

    var parrafo = doc.createElement("p");
    parrafo.setAttribute("class", "parrafos2");
    parrafo.innerHTML = "Este sistema cuenta con un catálogo de empresas," +
            " donde las mismas dejan sus datos, con la finalidad de" +
            " plasmar la solicitud de proyectos. Quedan a su disposición dichos datos" +
            " para que puedan comunicarse con la empresa de su mayor agrado. Pueden tomar los datos directamente o" +
            " guardarlos en un PDF seleccionando la o las solicitudes que prefiera.";

    divEstudiantesTexto.appendChild(parrafo);

    document.getElementById("estudiantes").appendChild(textoGuia);
    document.getElementById("estudiantes").appendChild(divEstudiantesTexto);

}
;